<template>
	<!-- 组件结构 -->
	<div class="demo">
		<h2>学校名称:{{schoolName}}</h2>
		<h2>学校地址:{{address}}</h2>
		<button type="button" @click='showName'>点我提示学校名</button>
	</div>
</template>

<script>
	// 组件交互相关的代码(数据、方法等)
	// 创建school组件
	export default {
		name:'School',
		// data 要写成函数式
		data(){
			return{
				schoolName:'尚硅谷',
				address:'北京',
			};
		},
		methods:{
			showName(){
				alert(this.schoolName);
			}
		},
	};
	// export default school
</script>

<style>
	/* 组件的样式 */
	.demo{
		background-color: #55AA00;
	}
</style>
